import React from "react";
import "./destination.scss";
import { Tabs } from "antd-mobile";
import { Link } from "react-router-dom";
import Footer from '../../Component/Footer'

function Destination() {
  return (
    // 1111
    <div className="app home-destination">
      {/* 头部 */}
      <div className="tab flex jc-c aic">
        <img
          src="https://img.villaday.com/images/village/vg_213/213-15326755495680.jpg"
          alt=""
        />
        <span className="icon iconfont icon-zuojiantou f26 fff"></span>
        <div className="text-ico">
          <h2 className="fff">深圳·较场尾/大鹏古城</h2>
          <p className="text f14 fff">连海岸线都不愿意离开的民宿村</p>
          <p className="ico">
            <span className="iconfont icon-dingwei f14">深圳,大鹏新区</span>
          </p>
        </div>
      </div>
      {/* 导航栏 */}

      <Tabs>
        <Tabs.Tab title="小区房源" key="fruits">
          {/* 列表 */}
          <div className="meat ">
            <Link to="/home/houseDetail" className="item">
              <img
                src="https://img.villaday.com//images/house_223/21727/21727-10-14498216.jpg"
                alt=""
              />
              <div className="text pr-10 pl-10 pb-25 pt-10">
                <p className="f20">大鹏所城·古城边8房复古风民宿</p>
                <p className="f14 f666 mt-5">
                  全新的独特装修风格，让你流连忘返度过美好的假期
                </p>
                <p className="f12 f999 mt-5">
                  <span>广东省深圳市龙岗区大鹏所城</span>
                  <span>87</span>
                  <span>人想去</span>
                </p>
              </div>
            </Link>
            <div className="item">
              <img
                src="https://img.villaday.com//images/house_223/21727/21727-10-14498216.jpg"
                alt=""
              />
              <div className="text pr-10 pl-10 pb-25 pt-10">
                <p className="f20">大鹏所城·古城边8房复古风民宿</p>
                <p className="f14 f666 mt-5">
                  全新的独特装修风格，让你流连忘返度过美好的假期
                </p>
                <p className="f12 f999 mt-5">
                  <span>广东省深圳市龙岗区大鹏所城</span>
                  <span>87</span>
                  <span>人想去</span>
                </p>
              </div>
            </div>
          </div>
        </Tabs.Tab>
        <Tabs.Tab title="评论(10条)" key="vegetables">
          <div className="comment">
            <div className="comment-img bg-fff mt-5 pm-15 mr-15 pb-20">
              <div className="image flex aic jc-sb pl-10 pr-10 pt-10">
                <p className="flex aic">
                  <img
                    src="http://static.huruqing.cn/villa/dft_head.png"
                    alt=""
                  />
                  <span className="pl-5">136****0601</span>
                </p>
                <span className="f999">2019-01-30</span>
              </div>
              <p className="pl-10 pt-20">
                团建订的房间 房间看不到海 但离海边很近
              </p>
              <div className="button-img flex jc-sb pr-10 pl-10 mt-10">
                <img
                  src="https://img.villaday.com//images/house_675/32419/32419-10-202276.jpg"
                  alt=""
                />
                <img
                  src="https://img.villaday.com//images/house_158/728183966/728183966-10-15005891.jpg"
                  alt=""
                />
                <img
                  src="https://img.villaday.com//images/house_924/21404/21404-10-42486.jpg"
                  alt=""
                />
              </div>
            </div>
            <div className="comment-text bg-fff mt-5 pm-15 mr-15 pb-20">
              <div className="image flex aic jc-sb pl-10 pr-10 pt-10">
                <p className="flex aic">
                  <img
                    src="https://wx.qlogo.cn/mmopen/V0mhkIwf3EH16pCgAT7qMDSVicdqpl9cLeomWYx3XLJcD7OT0wV2XW2DqEbYT39v28S87aMaV5oA5tnjcIgjZwA/132"
                    alt=""
                  />
                  <span className="pl-5">136****0601</span>
                </p>
                <span className="f999">2019-01-30</span>
              </div>
              <p className="pl-10 pt-10">
                团建订的房间 房间看不到海 但离海边很近
              </p>
            </div>
          </div>
        </Tabs.Tab>
        <Tabs.Tab title="周边玩乐" key="animals">
          <div className="play pb-20">
            <p className="clean fcc pl-10 pr-10 pt-30 mb-15">【洁净沙滩】</p>
            <p className="fcc pl-10 pr-10">在较场尾的沙滩上，尽情地撒欢儿吧</p>
            <p className="fcc pl-10 pr-10">挖坑玩泥沙，体会童年游戏的乐趣</p>
            <p className="fcc pl-10 pr-10">
              拿着八戒神器耙贝壳，随手捡起各种叫不出名儿的海洋生物
            </p>
            <p className="fcc pl-10 pr-10">欣赏浪漫的海上日出</p>
            <p className="fcc pl-10 pr-10">沙滩的N+1种玩法，你一定比我还清楚</p>
            <img
              className="play-img pt-10"
              src="https://img.villaday.com/images/village/vg_213/1531878667127028764.jpg?=1531878666679"
              alt=""
            />
            <img
              className="play-img"
              src="https://img.villaday.com/images/village/vg_213/1531878369828018097.png?=1531878369195"
              alt=""
            />

            <p className="clean pt-25 mb-10">【大鹏古城】</p>
            <p className="pl-10 pr-10">
              大鹏古城即大鹏所城
              ，始建于公元1394年，为广州左卫千户张斌开所筑。是明代为了抗击倭寇而设立的“大鹏守御千户所城”，简称“大鹏所城”。
            </p>
            <p className="pl-10 pr-10">
              当年大鹏所城占地约10万平方米，城墙高6米、长1200米，城墙由山麻石、青石砖砌成。深圳今天的简称“鹏城”即源于此。
            </p>
            <p className="pl-10 pr-10">
              其中有不少小商铺，在简单干净的古城小店里，听着清新的歌，感受历史的韵味
            </p>

            <p className="clean pt-15 mb-10">【大鹏半岛国家地质公园博物馆】</p>
            <p className="pl-10 pr-10">
              坐落在深圳大鹏半岛国家地质公园穹丘行旅景区，是地质公园核心景观之一。博物馆根据国土资源部对国家地质公园建设要求筹建，建筑面积5410平方米。
            </p>
            <p className="pl-10 pr-10">
              博物馆共设置六个展厅：序厅、地球探秘展厅、大鹏半岛展厅、矿物展厅、城市与地质环境展厅及临时展厅。
            </p>
            <p className="pl-10 pr-10">
              同时还设有3D科普影院、多功能报告厅和恐龙室外展场。
            </p>
            <img
              className="play-img pt-10"
              src="https://img.villaday.com/images/village/vg_213/1531878946183037767.jpg?=1531878945285"
              alt=""
            />

            <p className="clean pt-25 mb-10">【七娘山徒步】</p>
            <p className="pl-10 pr-10">
              大鹏古城即大鹏所城
              ，始建于公元1394年，为广州左卫千户张斌开所筑。是明代为了抗击倭寇而设立的“大鹏守御千户所城”，简称“大鹏所城”。
            </p>
            <p className="pl-10 pr-10">
              当年大鹏所城占地约10万平方米，城墙高6米、长1200米，城墙由山麻石、青石砖砌成。深圳今天的简称“鹏城”即源于此。
            </p>
            <p className="pl-10 pr-10">
              其中有不少小商铺，在简单干净的古城小店里，听着清新的歌，感受历史的韵味
            </p>
            <img
              className="play-img pt-10"
              src="https://img.villaday.com/images/village/vg_213/1531879798115059470.png?=1531879797143"
              alt=""
            />
            <img
              className="play-img"
              src="https://img.villaday.com/images/village/vg_213/1531879806802056880.png?=1531879805776"
              alt=""
            />

            <p className="clean fcc pt-25 pl-10 pr-10 pb-10">【龙岩古寺】</p>
            <p className="pl-10 pr-10">
              长长的海岸线，左边是一览无余的大海，右边是绵绵的七娘山脉
            </p>
            <p className="pl-10 pr-10">
              古色古香的木屋与欧式小筑错落于山林之间
            </p>
            <img
              className="play-img pt-10"
              src="https://img.villaday.com/images/village/vg_213/1531879798115059470.png?=1531879797143"
              alt=""
            />

            <p className="clean fcc pt-25 pl-10 pr-10 pb-10">【鹿嘴山庄】</p>
            <p className="pl-10 pr-10">
              长长的海岸线，左边是一览无余的大海，右边是绵绵的七娘山脉
            </p>
            <p className="fcc pl-10 pr-10">
              古色古香的木屋与欧式小筑错落于山林之间
            </p>
            <p className="fcc pl-10 pr-10">周星驰《美人鱼》的取景地</p>
            <img
              className="play-img pt-10"
              src="https://img.villaday.com/images/village/vg_213/1531879798115059470.png?=1531879797143"
              alt=""
            />
            <img
              className="play-img"
              src="https://img.villaday.com/images/village/vg_213/1531879806802056880.png?=1531879805776"
              alt=""
            />
            <p className="clean pt-25 pb-10">【名马轩】</p>
            <p className="pl-10 pr-10">
              大鹏古城即大鹏所城
              ，始建于公元1394年，为广州左卫千户张斌开所筑。是明代为了抗击倭寇而设立的“大鹏守御千户所城”，简称“大鹏所城”。
            </p>
            <p className="pl-10 pr-10">
              当年大鹏所城占地约10万平方米，城墙高6米、长1200米，城墙由山麻石、青石砖砌成。深圳今天的简称“鹏城”即源于此。
            </p>
            <p className="pl-10 pr-10">
              其中有不少小商铺，在简单干净的古城小店里，听着清新的歌，感受历史的韵味
            </p>
            <p className="pl-10 pr-10">另有各种休闲活动，蒙古射箭、钓鱼、真人CS野战、卡拉OK、桌球、乒乓球、水上竹筏等。</p>

            <p className="clean pr-10 pl-10 pt-15 pb-10">【美味海鲜】</p>
            <p className="fcc pl-10 pr-10">就在沙滩与第一排民宿</p>
            <p className="fcc pl-10 pr-10">这10米左右的主路上面</p>
            <p className="fcc pl-10 pr-10">都是这些小吃大排档，不贵</p>
            <img
              className="play-img pt-10"
              src="https://img.villaday.com/images/village/vg_213/1531880147286063074.png?=1531880146387"
              alt=""
            />

            <p className="fcc pr-10 pl-10 pt-10">还有富有情调的酒吧</p>
            <p className="fcc pr-10 pl-10">还有富有情调的酒吧</p>
            <p className="fcc pr-10 pl-10">鼓手也打鼓得起劲</p>
            <p className="fcc pr-10 pl-10">引来了大批观看者</p>
            <img className="play-img pt-10" src="https://img.villaday.com/images/village/vg_213/1531880813608014675.png?=1531880812677" alt=""/>

            <p className="fcc pr-10 pl-10 pt-10">还有富有情调的酒吧</p>
            <p className="fcc pr-10 pl-10">鼓手也打鼓得起劲</p>
            <p className="fcc pr-10 pl-10">引来了大批观看者</p>
            <img className="play-img pt-10" src="https://img.villaday.com/images/village/vg_213/1531880908161079830.jpg?=1531880907275" alt=""/>

            <p className="fcc pr-10 pl-10 pt-10">还有富有情调的酒吧</p>
            <p className="fcc pr-10 pl-10">鼓手也打鼓得起劲</p>
            <p className="fcc pr-10 pl-10">引来了大批观看者</p>
            <p className="fcc pr-10 pl-10">引来了大批观看者</p>
            <p className="fcc pr-10 pl-10">引来了大批观看者</p>
            <img className="play-img pt-10 pb-10" src="https://img.villaday.com/images/topic/492/1492438771561054933.png" alt=""/>
            <p className="traffic">交通信息</p>
            <p className="fcc pl-10 pr-10"><span className="highway">地址:</span><span>深圳大鹏所城较场尾</span></p>
            <p className="fcc pr-10 pl-10 pt-10">自驾游路线:</p>
            <p className="pr-10 pl-10">盐坝高速葵涌出口下，然后前面红绿灯左转，过两个隧道往大鹏所城和大亚湾方向，看见一个大鹰之后走左边，4公里后看见大鹏派出所，右转进入银滩路，看到较场尾临时停车场就ok啦。</p>
            <p className="highway fcc pr-10 pl-10 pt-20">公交路线:</p>
            <p className="pr-10 pl-10">盐坝高速葵涌出口下，然后前面红绿灯左转，过两个隧道往大鹏所城和大亚湾方向，看见一个大鹰之后走左边，4公里后看见大鹏派出所，右转进入银滩路，看到较场尾临时停车场就ok啦。</p>
          </div>
        </Tabs.Tab>
        <Tabs.Tab title="小区介绍" key="introduce">
          <div className="list bg-fff">
            <p className="fcc pr-10 pl-10 pt-10">
              说到海滩，很多人都会想起三亚
            </p>
            <p className="fcc pr-10 pl-10">那美得醉人的蓝天白云</p>
            <p className="fcc pr-10 pl-10">美得纯净的蓝色大海</p>
            <p className="fcc pr-10 pl-10 pb-10">让很多人向往</p>
            <img
              src="http://static.huruqing.cn/villa/1531969580100095911.png?=1531969579648"
              alt=""
            />
            <p className="item-text fcc mb-10 mt-10">较场尾初印象</p>
            <p className="fcc pr-10 pl-10">进入村里，已经看到不少</p>
            <p className="fcc pr-10 pl-10 pb-10">新改造成的 “ 民 宿 ”</p>
            <img
              src="http://static.huruqing.cn/villa/1531969580100095911.png?=1531969579648"
              alt=""
            />
            <p className="fcc pt-10 pr-10 pl-10">
              外墙基本上都弄成比较有情调的
            </p>
            <p className="fcc pr-10 pl-10">或小资或可爱的风格</p>
            <p className="fcc pr-10 pl-10 pb-10">而内饰也十分讲究</p>
            <img
              src="http://static.huruqing.cn/villa/1531275669004022839.jpg?=1531275666551"
              alt=""
            />
            <img
              src="http://static.huruqing.cn/villa/1531275695822003789.jpg?=1531275693518"
              alt=""
            />
            <p className="fcc pt-10 pr-10 pl-10">说到景色方面 较场尾的民宿</p>
            <p className="fcc pr-10 pl-10 pb-10">
              就算是从房间里面看 也是当仁不让
            </p>
            <img
              src="http://static.huruqing.cn/villa/1531807298913024543.jpg?=1531807298967"
              alt=""
            />
            <img
              src="http://static.huruqing.cn/villa/1532167129772091459.jpg?=1532167129219"
              alt=""
            />
            <img
              src="http://static.huruqing.cn/villa/1531807123737006588.jpg?=1531807123823"
              alt=""
            />
            <img
              src="http://static.huruqing.cn/villa/1531807316719035821.jpg?=1531807316916"
              alt=""
            />
            <img
              src="http://static.huruqing.cn/villa/1531807404373089986.jpg?=1531807404444"
              alt=""
            />
          </div>
        </Tabs.Tab>
      </Tabs>
      <Footer/>
    </div>
  );
}

export default Destination;

